<template>
  <div>
    <van-row style="background:#f8f8fa">
      <van-col span="1" offset="2">
        <div
          style="width:0.12rem;height:0.46rem;background:#ff6c00;border-radius:0.3rem;height:0.71rem;text-align:center;line-height:0.71rem;"
        ></div>
      </van-col>
      <van-col
        span="6"
        style="font-size:0.38rem;color:#e86709;height:0.71rem;text-align:center;line-height:0.71rem;"
      >热卖手机推荐</van-col>

      <van-col
        span="4"
        offset="3"
        style="font-size:0.38rem;color:#e86709;width:2.04rem;height:0.71rem;text-align:center;line-height:0.71rem;background:red;border-radius:0.35rem;color:white"
      >新品手机</van-col>

      <van-col
        span="4"
        offset="1"
        style="font-size:0.38rem;color:#e86709;width:2.04rem;height:0.71rem;text-align:center;line-height:0.71rem;background:red;border-radius:0.35rem;color:white"
      >二手手机</van-col>
    </van-row>

    <van-grid :border="false" :column-num="2" class="aa">
      <van-grid-item
        style="border-bottom: #efefef solid 1px; border-right: #efefef solid 1px;display:flex"
      >
        <van-image src="https://img.yzcdn.cn/vant/apple-1.jpg" style="width:1.73rem" />
        <van-tag
          style="margin:0.5rem 1.9rem 0 0;width:1.rem;height:0.3rem;text-align: center;border-radius: 0.3rem;background:white;border: #dead84 solid 0.02rem;"
        >
          <em style="font-size:0.25rem;color:#f3ad58">假一赔十</em>
        </van-tag>
        <p
          style="font-size:0.31rem;box-sizing: border-box;padding: 0.31rem 0.7rem "
        >Apple iPhone 11Pro Max 64GB/256GB/5...</p>
        <div style="width:100%;height:0.8rem">
          <div
            style="font-size:0.33rem;margin-left:0.7rem;color:#ff6a00;display: inline-block;float:left"
          >月付</div>&nbsp;
          <div style="font-size:0.33rem;color:#ff6a00;display: inline-block;float:left">￥</div>
          <div style="font-size:0.33rem;color:#ff6a00;display: inline-block;float:left">2139.76</div>&nbsp;&nbsp;
          <div
            style="font-size:0.33rem;color:#989898;display: inline-block;float:left;margin-left:0.2rem"
          >×6期</div>
        </div>
      </van-grid-item>
      <van-grid-item
        style="border-bottom: #efefef solid 1px; border-right: #efefef solid 1px;display:flex"
      >
        <van-image src="https://img.yzcdn.cn/vant/apple-1.jpg" style="width:1.73rem" />
        <van-tag
          style="margin:0.5rem 1.9rem 0 0;width:1.rem;height:0.3rem;text-align: center;border-radius: 0.3rem;background:white;border: #dead84 solid 0.02rem;"
        >
          <em style="font-size:0.25rem;color:#f3ad58">假一赔十</em>
        </van-tag>
        <p
          style="font-size:0.31rem;box-sizing: border-box;padding: 0.31rem 0.7rem "
        >Apple iPhone 11Pro Max 64GB/256GB/5...</p>
        <div style="width:100%;height:0.8rem">
          <div
            style="font-size:0.33rem;margin-left:0.7rem;color:#ff6a00;display: inline-block;float:left"
          >月付</div>&nbsp;
          <div style="font-size:0.33rem;color:#ff6a00;display: inline-block;float:left">￥</div>
          <div style="font-size:0.33rem;color:#ff6a00;display: inline-block;float:left">2139.76</div>&nbsp;&nbsp;
          <div
            style="font-size:0.33rem;color:#989898;display: inline-block;float:left;margin-left:0.2rem"
          >×6期</div>
        </div>
      </van-grid-item>
      <van-grid-item
        style="border-bottom: #efefef solid 1px; border-right: #efefef solid 1px;display:flex"
      >
        <van-image src="https://img.yzcdn.cn/vant/apple-1.jpg" style="width:1.73rem" />
        <van-tag
          style="margin:0.5rem 1.9rem 0 0;width:1.rem;height:0.3rem;text-align: center;border-radius: 0.3rem;background:white;border: #dead84 solid 0.02rem;"
        >
          <em style="font-size:0.25rem;color:#f3ad58">假一赔十</em>
        </van-tag>
        <p
          style="font-size:0.31rem;box-sizing: border-box;padding: 0.31rem 0.7rem "
        >Apple iPhone 11Pro Max 64GB/256GB/5...</p>
        <div style="width:100%;height:0.8rem">
          <div
            style="font-size:0.33rem;margin-left:0.7rem;color:#ff6a00;display: inline-block;float:left"
          >月付</div>&nbsp;
          <div style="font-size:0.33rem;color:#ff6a00;display: inline-block;float:left">￥</div>
          <div style="font-size:0.33rem;color:#ff6a00;display: inline-block;float:left">2139.76</div>&nbsp;&nbsp;
          <div
            style="font-size:0.33rem;color:#989898;display: inline-block;float:left;margin-left:0.2rem"
          >×6期</div>
        </div>
      </van-grid-item>
      <van-grid-item
        style="border-bottom: #efefef solid 1px; border-right: #efefef solid 1px;display:flex"
      >
        <van-image src="https://img.yzcdn.cn/vant/apple-1.jpg" style="width:1.73rem" />
        <van-tag
          style="margin:0.5rem 1.9rem 0 0;width:1.rem;height:0.3rem;text-align: center;border-radius: 0.3rem;background:white;border: #dead84 solid 0.02rem;"
        >
          <em style="font-size:0.25rem;color:#f3ad58">假一赔十</em>
        </van-tag>
        <p
          style="font-size:0.31rem;box-sizing: border-box;padding: 0.31rem 0.7rem "
        >Apple iPhone 11Pro Max 64GB/256GB/5...</p>
        <div style="width:100%;height:0.8rem">
          <div
            style="font-size:0.33rem;margin-left:0.7rem;color:#ff6a00;display: inline-block;float:left"
          >月付</div>&nbsp;
          <div style="font-size:0.33rem;color:#ff6a00;display: inline-block;float:left">￥</div>
          <div style="font-size:0.33rem;color:#ff6a00;display: inline-block;float:left">2139.76</div>&nbsp;&nbsp;
          <div
            style="font-size:0.33rem;color:#989898;display: inline-block;float:left;margin-left:0.2rem"
          >×6期</div>
        </div>
      </van-grid-item>
    </van-grid>
  </div>
</template>

<script>
export default {
  name: 'productsList'
}
</script>

<style scoped>
img {
}
</style>

